﻿@charset "utf-8";
/* 
* 商城主样式
* Author: Lin xiao dong
* http://www.openwbs.com
*/

/**价格**/
span.money { font-family:verdana; }
span.money em{ font-style:normal;}
span.money b{ font-weight:normal;}
span.point{ font-family:verdana; }
span.point em{ font-style:normal; padding:0px 3px;}
span.point b{ font-weight:normal;}

/**内容部分**/
#shopbody{ background:#fff; }
/**热卖推荐**/
.ow-category-hotsale{ background:#f8f8f8; margin:15px auto 0px auto; width:1200px; position:relative;}
.ow-category-hotsale:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-category-hotsale .header{ background:#c00000; color:#fff; font-size:16px; height:117px; line-height:20px; width:20px; padding:33px 10px 0px 10px; position:absolute; left:0px; top:0px; text-align:center;}
.ow-category-hotsale .section{ padding:15px 0px 15px 40px; zoom:1; overflow:auto; }
.ow-category-hotsale ul{ }
.ow-category-hotsale ul li{ background:#fff; border-top:0px solid #eee; display:inline-block; float:left; height:100px; margin:0px 0px 0px 15px; width:251px; padding:10px;}
.ow-category-hotsale ul li:hover{ background:#fff; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 1px 8px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 1px 8px; box-shadow:rgba(0,0,0,0.2) 0px 1px 8px}
.ow-category-hotsale ul li .thumb{ float:left; padding-right:10px; text-align:center; }
.ow-category-hotsale ul li .thumb img{ height:100px; width:100px;}
.ow-category-hotsale ul li .info{ }
.ow-category-hotsale ul li .title{ font-weight:normal; font-size:12px; height:40px; line-height:20px; overflow:hidden; padding:2px 0px 0px 0px;}
.ow-category-hotsale ul li .title a:hover{ color:#e60022; text-decoration:none;}
.ow-category-hotsale ul li .price{ font-size:12px; color:#888; height:20px; line-height:20px; overflow:hidden; padding:2px 0px 4px 0px;}
.ow-category-hotsale ul li .price span{ color:#e60022; font-weight:bold;}
.ow-category-hotsale ul li .price span b{ font-weight:bold; }
.ow-category-hotsale ul li .buy{ background:#e60022; border-radius:0px; color:#fff; display:inline-block; font-size:12px; height:24px; line-height:24px; padding:0px 12px;}
.ow-category-hotsale ul li .buy:hover{ background:#c60022;}

/**面包屑**/
#shopbody .ow-breadcrumb{ border-bottom:1px solid #f2f2f2; font-size:12px; margin:0px auto; padding:10px 0px; text-align:right; width:1200px;}
#shopbody .ow-breadcrumb h1{ float:left; font-weight:normal; font-size:16px; }
/**二级分类**/
.ow-shop-subcate{ background:#fff; border-bottom:1px solid #f2f2f2; margin:0px auto; width:1200px;}
.ow-shop-subcate ul{ margin:auto; width:1200px; zoom:1; overflow:auto; padding:10px 0px;}
.ow-shop-subcate ul li{ float:left; }
.ow-shop-subcate ul li a{ display:inline-block; font-size:15px; font-weight:bold; margin:0px 20px 0px 0px;}
.ow-shop-subcate ul li.current a{ color:#ff6700; }

/**商品类型筛选**/
.ow-goods-type-section{ background:#fff; border-bottom:1px solid #eee; margin:0px auto; width:1200px;}
.ow-goods-type-section .type-header{ display:none; padding:2px 10px 5px 0px; }
.ow-goods-type-section .type-section{ padding:3px 0px;}
.ow-goods-type-section .type-line{ border-top:1px solid #f6f6f6; font-size:12px; zoom:1; overflow:hidden; padding:0px 0px 8px 0; position:relative;}
.ow-goods-type-section .type-line1{ border-top:0px;}
.ow-goods-type-section .type-line .type-attr{ color:#888; float:left; padding:6px 2px 0px 0px; width:70px; }
.ow-goods-type-section .type-line .type-value{ float:left; width:1080px;}
.ow-goods-type-section .type-line .type-value ul{ padding:6px 0px 0px 0px;}
.ow-goods-type-section .type-line .type-value li{ float:left; height:20px; line-height:20px; white-space:nowrap; padding:2px 0px;}
.ow-goods-type-section .type-line .type-value li a{ display:inline-block; height:20px; line-height:20px; padding:1px 10px;}
.ow-goods-type-section .type-line .type-value li a.current{ background:#e60022; color:#fff;}
.ow-goods-type-section .type-line .type-value li a.current:hover{ text-decoration:none; cursor:default;}

/****/
.ow-categoods-main{ float:right;}
.ow-categoods-main .ml-wrap{ margin-left:220px; min-width:980px;}
.ow-categoods-aside{ float:right; margin-right:-210px; position:relative; width:210px;}
.ow-categoods-aside .aside-bar{}
.ow-categoods-aside .ab-goods{ border:1px solid #ddd; margin-bottom:10px; }
.ow-categoods-aside .ab-goods .hd{ padding:6px 10px;}
.ow-categoods-aside .ab-goods .bd{}
.ow-categoods-aside .ab-goods ul{}
.ow-categoods-aside .ab-goods ul li{ border-top:1px dotted #eee; padding:15px; text-align:center; }
.ow-categoods-aside .ab-goods ul li .thumb{}
.ow-categoods-aside .ab-goods ul li .thumb img{ height:150px; width:150px;}
.ow-categoods-aside .ab-goods ul li .info{ padding:10px 0px 0px 0px;}
.ow-categoods-aside .ab-goods ul li .title{ font-weight:normal; font-size:12px; line-height:20px; max-height:40px; overflow:hidden;}
.ow-categoods-aside .ab-goods ul li .title a:hover{ color:#e60022; text-decoration:none;}
.ow-categoods-aside .ab-goods ul li .price{ height:20px; line-height:20px; overflow:hidden;}
.ow-categoods-aside .ab-goods ul li .price span{ color:#e60022; font-size:12px; font-style:normal;}
.ow-categoods-aside .ab-goods ul li .price span em{}
.ow-categoods-aside .ab-goods ul li .price span b{ font-size:13px;}
.ow-categoods-aside .ab-goods ul li .price span.money{}
.ow-categoods-aside .ab-goods ul li .price .point{ padding-right:5px;}
.ow-categoods-aside .ab-goods ul li .buy{ font-size:12px; }
.ow-categoods-aside .hero{}

/**分类页商品商品区**/
.ow-shop-categoods-section{ margin:auto; padding:10px 0px; width:1200px;}
.ow-shop-categoods-section .categoods-section{ padding:15px 0px 15px 0px;}
.ow-shop-categoods-section .categoods-section .pager{ height:50px; margin:20px 0px 0px 0px; padding:40px 0px 40px 0px; text-align:center;}

/**排序**/
.ow-goods-orderby { background:#f2f2f2; border-top:1px solid #ddd; border-bottom:1px solid #e6e6e6; padding:5px 7px;}
.ow-goods-orderby .order{}
.ow-goods-orderby .order a{ background-color:#fff; border:1px solid #d2d2d2; color:#666; display:inline-block; font-size:12px; height:24px; line-height:24px; margin-right:-1px; padding:0px 12px;}
.ow-goods-orderby .order a:hover{ border:1px solid #e60022; color:#e60022; position:relative;}
.ow-goods-orderby .order a.current{ background:#e60022; border-color:#e60022; color:#fff;}

/*商品列表*/
.ow-goods-list-none{ background:#fcfcfc; border:1px dotted #f6f6f6; color:#888; padding:10px 15px;}
ul.ow-goods-list{ padding:0px;}
ul.ow-goods-list li{ background-color:#fff; border:0px solid #eee; display:inline-block; float:left; margin:0px 0px 20px 0px; width:220px; overflow:hidden; padding:25px 12px 20px 13px;}
ul.ow-goods-list li:hover{ -webkit-box-shadow:rgba(0,0,0,0.25) 0px 0px 3px; -moz-box-shadow:rgba(0,0,0,0.25) 0px 0px 3px; box-shadow:rgba(0,0,0,0.25) 0px 0px 3px; position:relative;}
ul.ow-goods-list li .thumb{ text-align:center; }
ul.ow-goods-list li .thumb img{ height:220px; width:220px;}
ul.ow-goods-list li .info{ height:100px; padding:15px 0px 0px 0px;}

ul.ow-goods-list li .title{ font-weight:normal; font-size:12px; line-height:20px; max-height:40px; padding-bottom:2px; overflow:hidden;}
ul.ow-goods-list li .title a,
ul.ow-goods-list li .title a:visited{}
ul.ow-goods-list li .title a:hover{ color:#e60022; text-decoration:none;}
ul.ow-goods-list li .subtitle { color:#ffaa71; font-size:12px; line-height:20px; max-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.ow-goods-list li .price{ height:20px; line-height:20px; padding:0px 0px 5px 0px; overflow:hidden;}
ul.ow-goods-list li .price span.money{ color:#e60022; font-size:14px;}
ul.ow-goods-list li .price span.money em{ font-size:16px;}
ul.ow-goods-list li .price span.money b{ font-size:16px; font-weight:bold;}
ul.ow-goods-list li .price span.point{ color:#e60022; font-size:14px; margin-right:5px;}
ul.ow-goods-list li .price span.point b{ font-size:16px; font-weight:bold;}
ul.ow-goods-list li .operate{ color:#999; font-size:12px;}
ul.ow-goods-list li .operate .o-btn{ border:1px solid #eee; display:inline-block; height:12px; line-height:12px; margin-right:-1px; padding:7px 10px;}
ul.ow-goods-list li .operate .o-btn,
ul.ow-goods-list li .operate .o-btn:visited{ color:#999;}
ul.ow-goods-list li .operate .o-btn i{ font-size:12px; margin:0px 4px 0px 0px;}
ul.ow-goods-list li .operate .o-btn:hover{ border-color:#e60022; color:#e60022; position:relative;}

/*我的足迹*/
.ow-footmark{ border:1px solid #ddd; margin:0px auto 20px auto; width:1200px; }
.ow-footmark .hd{ padding:5px 10px 5px 10px;}
.ow-footmark .hd h2{ font-weight:normal;}
.ow-footmark .bd{ padding:10px 0px 20px 15px; }
ul.ow-goods-footmark{ zoom:1; overflow:auto;}
ul.ow-goods-footmark li{ display:inline-block; float:left; width:90px; text-align:center;}
ul.ow-goods-footmark li .thumb{}
ul.ow-goods-footmark li .thumb img{ height:70px; width:70px;}
ul.ow-goods-footmark li .price{ height:40px; line-height:20px; padding:5px 0px; overflow:hidden; }
ul.ow-goods-footmark li .price span.money{ color:#e60022; font-size:12px;}
ul.ow-goods-footmark li .price span.money em{ font-size:12px;}
ul.ow-goods-footmark li .price span.money b{ font-size:12px;}
ul.ow-goods-footmark li .price span.point{ color:#e60022; font-size:12px; margin-right:5px;}
ul.ow-goods-footmark li .price span.point b{ font-size:12px;}

/**搜索**/
.ow-shop-search-section{}
.ow-shop-search-section .search-section-main{ margin:0px auto; padding:15px; width:1200px;}
.ow-shop-search-section ul.ow-goods-list{ padding:0px;}
.ow-shop-search-section ul.ow-goods-list li{ background-color:#fff; border:0px solid #eee; display:inline-block; float:left; margin:0px 0px 20px 0px; width:210px; overflow:hidden; padding:25px 15px 20px 15px;}
.ow-shop-search-section ul.ow-goods-list li .thumb img{ height:210px; width:210px;}

/*搜索*/
.ow-tags-header{ background:#fafafa; border-bottom:1px solid #f8f8f8;}
.ow-tags-header .wrapper{ position:relative; padding:8px 0px; }
.ow-tags-header h1{  color:#c60000; font-weight:normal; font-size:16px;  }
.ow-tags-header .crumbs-arrow { font-family:SimSun; font-style:normal; margin:0px 0px 0px 10px;}
.ow-tags-header .ow-breadcrumb{ border:0px!important; position:absolute; right:0px; top:0px;}
.ow-shop-tags-section{}
.ow-shop-tags-section .tags-section-main{ margin:0px auto; padding:15px; width:1200px;}
.ow-shop-tags-section ul.ow-goods-list{ padding:0px;}
.ow-shop-tags-section ul.ow-goods-list li{ background-color:#fff; border:0px solid #eee; display:inline-block; float:left; margin:0px 0px 20px 0px; width:210px; overflow:hidden; padding:25px 15px 20px 15px;}
.ow-shop-tags-section ul.ow-goods-list li .thumb img{ height:210px; width:210px;}

/*文章页相关商品列表*/
.ow-content-related-goods{ background:#fff; border:1px solid #eee; padding:10px 15px;}
.ow-content-related-goods ul{ font-size:12px; zoom:1; overflow:auto;}
.ow-content-related-goods ul li{ border-bottom:1px solid #eee; display:block; padding:15px 0px; zoom:1; overflow:auto;}
.ow-content-related-goods ul li:last-child{ border-bottom:0px;}
.ow-content-related-goods ul li .thumb{ float:left; margin-right:15px; text-align:center;}
.ow-content-related-goods ul li .thumb img{ height:120px; width:120px; vertical-align:top; }
.ow-content-related-goods ul li .info{ zoom:1; overflow:auto;}
.ow-content-related-goods ul li .title{ color:#222; font-size:16px; font-weight:normal;}
.ow-content-related-goods ul li .subtitle{ color:#888; max-height:36px; line-height:18px; overflow:hidden; padding:5px 0px 0px 0px; text-overflow:ellipsis;}
.ow-content-related-goods ul li .price{ padding:3px 0px 0px 0px;}
.ow-content-related-goods ul li .price span.money{ color:#d30000; font-size:14px;}
.ow-content-related-goods ul li .price span.point{ color:#d30000; font-size:14px; padding-right:3px;}
.ow-content-related-goods ul li .price span.point em{ font-size:14px;}
.ow-content-related-goods ul li .buy{ padding:7px 0px 0px 0px;}
.ow-content-related-goods ul li .buy a,
.ow-content-related-goods ul li .buy a:visited{ background:#fff; border:1px solid #d30000; color:#d30000; display:inline-block; font-size:12px; height:22px; line-height:22px; padding:0px 10px;}
.ow-content-related-goods ul li .buy a:hover{ background:#d30000; color:#fff;}

/*标签云*/
.ow-goods-tags{ background:#fff; border-top:1px dotted #eee; margin:20px auto 0px auto; width:1200px; }
.ow-goods-tags .section{ padding:30px 0px;}
.ow-goods-tags a{ margin-right:10px;}
.ow-goods-tags a,
.ow-goods-tags a:visited{}

/*按钮无效状态*/
button.disabled,
button.disabled:hover{ background-color:#e6e6e6; background-image:none; border:1px solid #ddd; color:#bbb; cursor:default; text-shadow:rgba(255,255,255,0.5) 0px 1px 0px;}











